<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>摇一摇-待开始</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body id="yyy-dks">
    <div class="container" >
        <div class="bk-01">
            <div class="photo">
                <img  class="bImg" src="images/shark/bnr.png" />
                <div class="title">芒果摇一摇 pk</div>
            </div>

            <div class="timer-wrap">
                <div class="act-state">活动进行中</div>
                <div class="time-box">
                    <div class="timer">
                        <div class="hour"><i>0</i><i>0</i></div>
                        <div class="fg"></div>
                        <div class="minu"><i>0</i><i>0</i></div>
                        <div class="fg"></div>
                        <div class="second"><i>0</i><i>0</i></div>
                    </div>
                    <div class="tips">距开始</div>
                </div>

            </div>
        </div>
        <div class="bk-02">
<!--
            <ul class="rp-01 clearfix">
               <li>
                   <img src="tmp/ppp-01.png">
               </li>
                <li>
                    <img src="tmp/ppp-01.png">
                </li>
                <li>
                    <img src="tmp/ppp-01.png">
                </li>
            </ul>
            <div class="rp-02">
                <div class="box">
                        <img src="tmp/ppp-02.png" />
                        <img src="tmp/ppp-02.png" />
                        <img src="tmp/ppp-02.png" />
                </div>
            </div>-->
            <div class="rp-03">
                <h5>活动说明</h5>
                <div class="cont">将您身边发生的逸闻趣事、新闻热点、社会百态、娱乐八卦、交通路况等类型稿件以邮件形式发送给我们，一旦采纳，将给予价值50-1000元的金豆奖励。</div>
            </div>
        </div>
        <div class="bk-03">
            <div class="goPk">进入PK</div>
        </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script>
        $(function () {

            function timer(countDown) {

                var h=parseInt(countDown/(60*60));
                var m=parseInt(countDown/60%60);
                var s=parseInt(countDown%60);

                return {
                    h:h<10 ? "0"+h : h,
                    m:m<10 ? "0"+m : m,
                    s:s<10 ? "0"+s : s
                }
            }
            
            function divide(str) {
                var s="";
                var len = str.length

                for(var i=0; i<str.length; i++){
                    s+='<i>'+str.substr(i,1)+'</i>'
                }
                return s
            }
            var $timer = $(".timer");
            var t=1113416.714; //时间戳
            var ltime = setInterval(function(){
                var ts= timer(--t);

                divide(ts.h+"")
                $timer.find(".hour").html( divide(ts.h+""));
                $timer.find(".minu").html(  divide(ts.m+""));
                $timer.find(".second").html(  divide(ts.s+""));

            },1000)
        })
    </script>
</body>
</html>